<template>
  <div>
    <h3>父组件：{{ num }}</h3>
    <!-- 相当于给Child的value属性赋予num变量值
      同时绑定了@input事件, 接收子组件传出的值, 赋予给num变量，达到了双向绑定数据目的(父变量 和子变量 关联起来了)
     -->
    <Child v-model="num"></Child>
  </div>
</template>

<script>
import Child from './views/Child3'
export default {
  data () {
    return {
      num: 10
    }
  },
  components: {
    Child
  }
}
// 结论:
// 1. 在父组件中的 子组件标签上 v-model=“父变量”
// 2. 在子组件props定义value属性接收
// 3. 在子组件中触发input事件把值传给父变量，最终实现父变量 和子变量 的关联
</script>

<style>

</style>
